<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<header th:replace="manage/head :: html"></header>

<body class="cbp-spmenu-push">
<div class="main-content" id="pageId" pageId="adminindex">
    <div th:replace="manage/adminmenu :: html"></div>


    <!-- main content start-->
    <div id="page-wrapper">
        <div class="main-page">
            <h2 class="title1">Blank Page</h2>
            <div class="blank-page widget-shadow scroll" id="style-2 div1">
                <p>管理员主页
                </p>
            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <p> broken bin All Rights Reserved </p>
    </div>
    <!--//footer-->
</div>

<!-- side nav js -->
<script src='js/SidebarNav.min.js' type='text/javascript'></script>
<script>
    $('.sidebar-menu').SidebarNav()
</script>
<!-- //side nav js -->

<!-- geo chart -->
<script src="//cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
<!--<script>window.modernizr || document.write('<script src="lib/modernizr/modernizr-custom.js"><\/script>')</script>-->
<!--<script src="lib/html5shiv/html5shiv.js"></script>-->
<!-- Chartinator  -->
<script src="js/chartinator.js"></script>
<script type="text/javascript">
    jQuery(function ($) {

        var chart3 = $('#geoChart').chartinator({
            tableSel: '.geoChart',

            columns: [{role: 'tooltip', type: 'string'}],

            colIndexes: [2],

            rows: [
                ['China - 2015'],
                ['Colombia - 2015'],
                ['France - 2015'],
                ['Italy - 2015'],
                ['Japan - 2015'],
                ['Kazakhstan - 2015'],
                ['Mexico - 2015'],
                ['Poland - 2015'],
                ['Russia - 2015'],
                ['Spain - 2015'],
                ['Tanzania - 2015'],
                ['Turkey - 2015']],

            ignoreCol: [2],

            chartType: 'GeoChart',

            chartAspectRatio: 1.5,

            chartZoom: 1.75,

            chartOffset: [-12, 0],

            chartOptions: {

                width: null,

                backgroundColor: '#fff',

                datalessRegionColor: '#F5F5F5',

                region: 'world',

                resolution: 'countries',

                legend: 'none',

                colorAxis: {

                    colors: ['#679CCA', '#337AB7']
                },
                tooltip: {

                    trigger: 'focus',

                    isHtml: true
                }
            }


        });
    });
</script>
<!--geo chart-->

<!-- calendar -->
<script type="text/javascript" src="js/monthly.js"></script>
<script type="text/javascript">
    $(window).load(function () {

        $('#mycalendar').monthly({
            mode: 'event',

        });

        $('#mycalendar2').monthly({
            mode: 'picker',
            target: '#mytarget',
            setWidth: '250px',
            startHidden: true,
            showTrigger: '#mytarget',
            stylePast: true,
            disablePast: true
        });

        switch (window.location.protocol) {
            case 'http:':
            case 'https:':
                // running on a server, should be good.
                break;
            case 'file:':
                alert('Just a heads-up, events will not work when run locally.');
        }

    });
</script>
<!-- //calendar -->

<!-- Classie --><!-- for toggle left push menu script -->
<script src="js/classie.js"></script>
<script>
    var menuLeft = document.getElementById('cbp-spmenu-s1'),
        showLeftPush = document.getElementById('showLeftPush'),
        body = document.body;

    showLeftPush.onclick = function () {
        classie.toggle(this, 'active');
        classie.toggle(body, 'cbp-spmenu-push-toright');
        classie.toggle(menuLeft, 'cbp-spmenu-open');
        disableOther('showLeftPush');
    };

    function disableOther(button) {
        if (button !== 'showLeftPush') {
            classie.toggle(showLeftPush, 'disabled');
        }
    }
</script>
<!-- //Classie --><!-- //for toggle left push menu script -->

<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->

<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.js"></script>

</body>
</html>